body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
  background-color: #35c1c6;
}

header {
  background-color: #515754;
  padding: 10px 0;
}

nav ul {
  list-style-type: none;
  padding: 0;
  text-align: center;
}

nav ul li {
  display: inline;
  margin: 0 10px;
}

nav ul li a {
  text-decoration: none;
  color: #badd1e;
}

.slideshow-container {
  max-width: 100%;
  position: relative;
  margin-top: 20px;
}

.mySlides {
  display: none;
}

.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@font-face{
  font-family:"aili";
  src:url('../xiaoda/Font/AlimamaFangYuanTiVF-Thin.woff') format('woff'),
    url('../xiaoda/Font/AlimamaFangYuanTiVF-Thin.ttf') format('truetype'),
}

/*设置文字*/
.p{
  font-family:"aili";  /*设置字体*/
  width:800px;    /*设置元素宽度*/
  margin:4px auto;   /*设置外边距*/
  font-size: 20px;  /*设置文字大小*/
  color:green;  /*设置文字颜色*/
  writing-mode:horizontal-tb;  /*设置以垂直方式从右向左显示*/

}

.p1{
  font-family:"aili";  /*设置字体*/
  width:500px;    /*设置元素宽度*/
  margin:4px auto;   /*设置外边距*/
  font-size: 30px;  /*设置文字大小*/
  color:green;  /*设置文字颜色*/
  writing-mode:horizontal-tb;  /*设置以垂直方式从右向左显示*/

}

.item{
  width: 700px;
  height: 10px;
}

.item01{
  color:rgb(4, 13, 4);  /*设置文字颜色*/
}

/*控制照片的大小*/
.img-wrapper {
  width: 30vw;
  margin: 100px auto;
  padding: 10px;
  border: 5px solid lightsalmon;
  font-size: 0;
}

img {
  width: 100%;
  height: auto;
  }